/* CSS Document */

.area {
    width: 625px;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.js {
    POSITION: relative;
    WIDTH: 625px;
    HEIGHT: 315px;
    margin: 0 auto;
}

.prevBtn {
    BACKGROUND: url(../img/ps1.png) no-repeat;
    HEIGHT: 66px;
    WIDTH: 35px;
    display: block;
    position: absolute;
    top: 120px;
}

.prevBtn:hover {
    BACKGROUND: url(../img/ps1.png) no-repeat;
}

.nextBtn {
    BACKGROUND: url(../img/ps2.png) no-repeat;
    HEIGHT: 66px;
    WIDTH: 35px;
    display: block;
    position: absolute;
    right: 0;
    top: 120px;
}

.nextBtn:hover {
    BACKGROUND: url(../img/ps2.png) no-repeat;
}

.imgSelected {
    BACKGROUND: url(../img/jsNav.png) no-repeat;
}

.bg {
    width: 100%;
    padding-top: 1px;
    background: url(../img/bg01.png) no-repeat;
    _background: none; /*IE6*/
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="img/bg01.png"); /*IE6*/
    height: 34px;
    left: 0;
    FONT-WEIGHT: bold;
    top: 280px;
    position: absolute;
}

.jsNav {
    position: absolute;
    left: 220px;
    top: 281px;
}

.jsNav a {
    width: 40px;
    font-size: 14px;
    margin-right: 6px;
    display: inline;
    height: 33px;
    line-height: 33px;
    display: block;
    float: left;
    text-align: center;
    color: #fff;
}

.jsNav a:hover {
    background: url(../img/bg01.gif) no-repeat;
    color: #FF1555;
    text-decoration: none;
}

.jsNav .imgSelected {
    background: url(../img/bg01.gif) no-repeat;
    color: #FF1555;
}

.qq {
    display: none;
    z-index: 200
}

.box01 img {
    width: 625px;
    height: 315px;
}